@import '../common/base.scss';

.g-flexview{
    background: #f0eeef;
}


.product-info{
    .pro-logo{
        img{
            width: 100%;
            height: 216px;
        }
        background: #fff;
    }
    .pro-title{
        padding-top:19px;
        font-size: 17px;
        color: #333;
        font-weight: bold;
        background-color: #fff;
        padding-left: 11px;
    }
    .pro-price{
        background: #fff;
        padding-top: 21px;
        padding-left: 12px;
        padding-bottom: 11px;
        .current-price{
            font-size: 16px;
            font-weight: bold;
            color: #de1014;
        }
        .old-price{
            margin-left: 11px;
            color: #939393;
            font-size: 14px;
        }
    }
    .pro-detail{
        margin:10px auto;

        .pro-desc{
            background-color: #fff;
            color: #939393;
            font-size: 16px;
            padding:6px 0px 6px 12px;
            font-weight: bold;
        }
        .img-list{
            margin-top:10px;
            // background-color: #fff;
            img{
                width: 100%;
                height: 216px;
            }
            .img-box{
                margin-bottom:10px;
            }
        }
    }
}
.footer{
    // display: -webkit-box;
}
.right{
    float: right;
    bottom: 0;
    align-items: center;
    background-color: rgba(255,255,255,.96);
    position: fixed;
    right: 0;
    width: 50%;
    display: -webkit-box;
    line-height: 56px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
}
.m-tabbar{
    width: 50%;
    z-index: 2;
    padding:5px;

}
.m-tabbar:after {
    border:none;
}

.shopping-car-btn{
    -webkit-box-flex:1;
    display: block;
    background-color: #fdbf14;
    width: 50%;

}
.current-buy{
    background-color: #2bb507;
    width: 50%;
        -webkit-box-flex:1;
}

.product-box {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10;
    overflow-y: auto;
}
.btn-box {
    position: fixed;
    left: 0px;
    bottom: 0;
    margin: 0;
    height: 42px;
    width: 100%;
    line-height: 42px;
    color: #fff;
    background: #2bb507;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.product-dialog-main{
    position: absolute;
    bottom: 0px;
    padding-bottom: 60px;
    background: #fff;

    .pro-info{
        display: -webkit-box;
        border-bottom:1px solid #dadada;
        padding-bottom: 20px;
        .pro-img{
            // -webkit-box-flex:1;
            width: 175px;
            height: 100px;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .pro-item{
            -webkit-box-flex:1;
            margin-right:5px;
            // margin-left:45px;
            font-size: 14px;
            font-weight: bold;
            .title{
                color: #333;
                margin-top:30px;
            }
            .price{
                margin-top:16px;
                color: #de1215;
            }
        }
    }
    .count-type{
        display: -webkit-box;
        margin-top:27px;
            text-align: center;
        .type1-btn{
            -webkit-box-flex:1;
            text-align: right;
            margin-right: 15px;
            span{
                font-size: 15px;
                border-radius: 18px;
                padding: 6px 25px;
                border:1px solid #c1c1c1;
            }
        }
        .type2-btn{
            -webkit-box-flex:1;
            text-align: left;
            margin-left: 15px;
            span{
                font-size: 15px;
                border-radius: 18px;
                padding: 6px 20px;
                border:1px solid #c1c1c1;
            }
        }
    }
    .count-num{
        display: -webkit-box;
        margin-top:11px;
        .text{
            // -webkit-box-flex:1;
            text-align: center;
            margin-top: 10px;
            font-size: 16px;
            font-weight: bold;
            margin-left:17px;
        }
        .num{
            -webkit-box-flex:1;
            text-align: right;
            margin-top: 5px;
            margin-right: 5px;
        }
        .unit{
            margin-right: 20px;
            margin-top: 11px;
            font-size: 14px;
            font-weight: bold;
        }
    }
}
